theme: Move :hover below :focus in %bubble_button

Fix issue where background colour of modal buttons do not update when
hovering over a focused button.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1818>

diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index f83ce5e908db2827cf2662c1928320a932e8b678..9df3d8d435c0496bf04af8d7e887f2291f5121ca 100644 (file)
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -81,7 +81,7 @@ stage {
   padding: $base_padding * 2;
 }
 
-// Overview panels 
+// Overview panels
 // for the dash and workspace switcher
 %overview_panel {
   color: $osd_fg_color;
@@ -129,8 +129,8 @@ stage {
   border-bottom-width: 0;
 
   &:insensitive { @include button(insensitive, $shadow: none); }
-  &:hover { @include button(hover, $shadow: none); }
   &:focus { @include button(focus, $shadow: none); }
+  &:hover { @include button(hover, $shadow: none); }
   &:active { @include button(active, $shadow: none); }
 
   // radius is 2 pixel less to fit in bubble
@@ -142,7 +142,7 @@ stage {
     border-right-width: 0;
     border-radius: 0 0 $modal_radius - 2px 0;
   }
-  
+
   &:first-child:last-child {
     border-radius: 0 0 $modal_radius - 2px $modal_radius - 2px;
   }